<!DOCTYPE html>
<html>
	<!--
	作者：1158640913@qq.com
	时间：2018-03-15
	描述：林俊鹏
	评审团评审
-->

  <head>
    <meta charset="UTF-8">
    <title>评审团评审</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script src="js/echarts.common.min.js"></script>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/mycss/AppraisalResult.css">
  </head>

  <body>
    <div class="header">
        <span>实验二 评审结果</span>
        <button class="layui-btn">
            <i class="layui-icon">&#xe681;</i> 导出Excel
        </button>
    </div>

    <div class="main">
        <div class="main-top">
            <div class="message-name">评审专家人数：<span style="color:#888888;">3</span></div>
            <div class="message-name">比重:
                <div style="float:right;">
                    <span style="color:#888888;float:left;">团队40%&nbsp;</span>
                    <img src=".\img\Bar.png" alt="比重"style="float:left;margin-top:8px;">
                    <span style="color:#888888;float:left;">&nbsp;专家60%</span>
                </div> 
            </div>
        </div><hr>
        <div class="main-content">
            <div id="contain1">
                <script type="text/javascript">
                    var myChart = echarts.init(document.getElementById('contain1'));

                    var option = {
                        title: {
                            text : '团队1'
                        },
                        tooltip: {},
                        legend: {},
                        dataset: {
                        source: [
                        ['团队互评', 0, 20, 78],
                        ['专家评审', 78, 82, 80]
                    ]
                },
                        xAxis: {type: 'category'},
                        yAxis: {},
                        series: [
                            {
                                type: 'bar',
                                barWidth: '15%'
                            },
                            {
                                type: 'bar',
                                barWidth: '15%'
                            },
                            {
                                type: 'bar',
                                barWidth: '15%'
                            }
                        ]
                    };
                    myChart.setOption(option);
                </script>
                <div class="Score">
                    <p>团队互评： &nbsp;总分&nbsp;98 &nbsp;&nbsp;|&nbsp;最终得分&nbsp;&nbsp; <span>19.6</span></p>
                    <p class="scores">专家评审： &nbsp;总分&nbsp;242&nbsp;&nbsp;|&nbsp;&nbsp;最终得分&nbsp;&nbsp;<span>48.4</span></p>
                </div>
            </div>
            <div id="contain2">
                <script type="text/javascript">
                    var myChart = echarts.init(document.getElementById('contain2'));

                    var option = {
                        title: {
                            text : '团队2'
                        },
                        tooltip: {},
                        legend: {},
                        dataset: {
                        source: [
                        ['团队互评', 0, 20, 78],
                        ['专家评审', 78, 82, 80]
                       ]
                    },
                        xAxis: {type: 'category'},
                        yAxis: {},
                        series: [
                            {
                                type: 'bar',
                                barWidth: '15%'
                            },
                            {
                                type: 'bar',
                                barWidth: '15%'
                            },
                            {
                                type: 'bar',
                                barWidth: '15%'
                            }
                        ]
                    };
                    myChart.setOption(option);
                </script>
            </div>
        </div>
    </div>

  </body>

</html>